//分辨率适配

//小PC
@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1400px) {

}


@media (min-width: 680px) and (max-width: 1600px) {
    #app {
        .header {
            height: 74px;
            position: relative;

            .right {
                .right-phone {
                    padding: 8px 64px;
                }
            }
        }

        .scroll-snap-container {
            scroll-snap-type:none;
            scroll-behavior: auto;
        }
        .scroll-snap-container.fullscreen{
            display: block;
        }
        .scroll-snap-container.fullscreen > .item{
            min-height: auto;
            height: calc(100vh - 74px);
            width: 100%;
            overflow: hidden;
            padding: 0;
        }
        .scroll-snap-container.fullscreen{
            display: block;
        }
        .scroll-snap-container.fullscreen > .item{
            min-height: auto;
            height: 100vh;
            width: 100%;
            overflow: hidden;
            padding: 0;
        }

        .first-box {
            margin-top: 74px;
            .menu-box {
                height: 40px;
            }

            .slogan {
                width: 46%;
                div {
                    margin: 10px 0;
                }

                .slogan-footer {
                    height: 33%;
                }
            }
        }

        .second-box {
            .about-header {
                hr {
                    height: 1px;
                }

                .title {
                    letter-spacing: 8px;
                }
            }

            .about-context {
                .content {
                    line-height: 37px;
                }

                .about-content-button {
                    width: 21%;
                }
            }
        }

        .three-box {
            .area {
                .area-left {
                    .area-box {
                        padding: 50px;

                        .area-input input {
                            padding: 14px;
                        }

                        .area-button {
                            width: 28%;
                        }
                    }
                }

                .area-right {
                    // padding: 33px;

                    .button-item {
                        .icon > img {
                            height: 74px;
                        }
                    }

                }
            }
        }

        .footer {
            height: 150px
        }

        .four-box {
            .team-context {
                height: calc(100% - 358px);
                //padding: 0;
                .team-left{
                    padding: 0 40px;
                    width: calc(50% - 90px);
                    .lawyer-name{
                        margin: 0;
                    }
                }
            }
        }

        .eight-box {
			display: flex;
			align-content: center;
            .index-news-box{
                padding: 20px;
                height: 500px;
                .index-news-content{
                    height: calc(100% - 50px);
                }
            }
            .index-news-button {
                width: 20%;
            }
        }

        .seven-box {
        }

        .consulting-box .consulting-input-group {
            height: 100px;
        }

        .consulting-input-row {
            height: 40px;
        }

        .consulting-box .consulting-main-box {
            // height: calc(100% - 250px);
        }

        .consulting-box .consulting-main-box .consulting-main-box-content {
            height: 200px;
        }

        .consulting-box .consulting-main-box .consulting-main-right-box {
            .qrcode {
                background: none;
                width: 150px;
                height: 150px;
            }
            .qrcode-describe {
                width: 150px;
            }
        }
        .about{
            .env-image-box{
                .evn-item{
                    width: 500px;
                }
            }
        }
        .sq_legal .list_box{
            padding: 0;
        }
        .sq_legal .list_box .box .right button{
            width: 143px;
            height: 42px;
        }

        .sq_recruitment .center-warp .center{
            padding: 0;
        }
        .sq_recruitment .center-warp .center .evn-item{
            width: 100%;
        }
        .contact-us .box .box_header{
            width: 50%;
        }
        .contact-us .box .box_bottom{
            width: 50%;
        }
        .sq_professional .bottom .portrait_list .head_portrait{
            width: 200px;
        }

    }
}
